<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>详情页</title>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/shoppingcart.css">
    <script src="./js/libs/jquery.js"></script>
    <script src="./js/libs/lodash.js"></script>
    <script src="./js/hover.js"></script>
    <script src="./js/libs/jquery.cookie.min.js"></script>
    <script src="./js/fagdajin.js"></script>
    <script src="./js/libs/jquery.lazyload.js"></script>
</head>

<body>
    <header>
        <div class="h-content main clearFix">
            <div class="h-left fl">
                <span class="welcome">欢迎来到丝芙兰</span>
                <a href="" class="uname">请登录</a>
                <em>|</em>
                <a href="" class="break">免费注册</a>
                <a href="" class="hide">手机验证码登录</a>
            </div>
            <div class="rolling fl">丝芙兰配送公告</div>
            <ul class="h-right fr">
                <li><span></span><a href="">我的丝芙兰</a></li>
                <li><span class="vip-club"></span><a href="">会员俱乐部</a></li>
                <li><span class="mobile-sephora"></span><a href="">手机丝芙兰</a></li>
                <li><a href="">帮助中心</a></li>
            </ul>
        </div>


    </header>
    <section>
        <div class="s-topcontent">
            <div class="s-top">
                <div class="s-header main clearFix">
                    <!-- 顶部固定 -->
                    <div class="fixbox fl">
                        <a class="logo" href=""></a>
                        <div class="searchBox">
                            <div class="search clearFix">
                                <input type="text">
                                <button id="searchBtn">搜索</button>
                            </div>
                            <ul class="searchbottom">
                                <li><a href="">春日维稳护肤</a></li>
                                <li><a href="">换季温和清洁</a></li>
                                <li><a href="">桃花气色满满</a></li>
                                <li><a href="">情人心机眼妆</a></li>
                                <li><a href="">花漾春日香氛</a></li>
                                <li><a href="">小众尖货盘点</a></li>
                            </ul>
                        </div>
                    </div>
                   <div class="bag">
                    <div class="shoppingbag fr">
                        <a href="">
                            <em></em>购物袋<span class="shoppingnum">0</span>件
                        </a>

                    </div>
                    <div class="shopshow clearFix">
                        <div class="notLogin clearFix">
                            <em class="fl"></em>
                            <span>购物车内暂时没有商品，登录后将显示您之前加入的商品 </span>
                            <a href="./login.html">
                                <p>登录</p>
                            </a>
                        </div>
                    </div>
                   </div>

                </div>
            </div>
            <div class="Navigation main">
                <div class="nav main clearFix">
                    <div class="l-nav">
                        <span class="allcatalog white">全部商品类目</span>
                        <div class="menu-list">
                            <em class="heart-left"></em>
                            <ul class="content-menu-Col">
                                <li class="shadow menu-Col-li">
                                    <a href="" class="title">功效</a>
                                    <ul class="content-menu-list-content">
                                        <li><a href="">保湿补水</a></li>
                                        <li><a href="">底妆修容</a></li>
                                    </ul>
                                </li>
                                <li class="menu-Col-li">
                                    <a href="" class="title">护肤</a>
                                    <ul class="content-menu-list-content">
                                        <li><a href="">打造" 天鹅颈"</a></li>
                                        <li><a href="">Yes成分</a></li>
                                    </ul>
                                </li>
                                <li class="menu-Col-li">
                                    <a href="" class="title">彩妆</a>
                                    <ul class="content-menu-list-content">
                                        <li><a href="">秋日彩妆盘点</a></li>
                                        <li><a href="">彩妆惠选礼盒</a></li>
                                    </ul>
                                </li>
                                <li class="menu-Col-li">
                                    <a href="" class="title">香水</a>
                                    <ul class="content-menu-list-content">
                                        <li><a href="">秋日馨香盘点</a></li>
                                        <li><a href="">小众香氛</a></li>
                                    </ul>
                                </li>
                                <li class="menu-Col-li">
                                    <a href="" class="title">工具</a>
                                    <ul class="content-menu-list-content">
                                        <li><a href="">美容仪加持美力</a></li>
                                        <li><a href="">美妆蛋套装</a></li>
                                    </ul>
                                </li>
                                <li class="menu-Col-li">
                                    <a href="" class="title">男士</a>
                                    <ul class="content-menu-list-content">
                                        <li><a href="">男士礼赠</a></li>
                                        <li><a href="">水油平衡</a></li>
                                    </ul>
                                </li>
                                <li class="menu-Col-li">
                                    <a href="" class="title">洗浴护体</a>
                                    <ul class="content-menu-list-content">
                                        <li><a href="">洗护沐浴</a></li>
                                        <li><a href="">塑身纤体</a></li>
                                    </ul>
                                </li>
                                <li class="menu-Col-li">
                                    <a href="" class="title">美发护发</a>
                                    <ul class="content-menu-list-content">
                                        <li><a href="">换季防脱</a></li>
                                        <li><a href="">润养秀发防毛躁</a></li>
                                    </ul>
                                </li>
                                <li class="menu-Col-li">
                                    <a href="" class="title">肤食</a>
                                    <ul class="content-menu-list-content">
                                        <li><a href="">胶原蛋白饮品</a></li>
                                    </ul>
                                </li>
                            </ul>
                            <em class="heart-right"></em>
                            <!-- 鼠标移入显示 -->
                            <div class="showBoxAll">
                                <div class="showbox main clearFix">
                                    <div class="showleft fl">
                                        <div class="showTitle fl">
                                            <h1>功效</h1>
                                        </div>
                                        <div class="showcontent fl">
                                            <div class="left-l">
                                                <dl>
                                                    <dt>抗老</dt>
                                                    <dd>抗污染</dd>
                                                    <dd>抗皱</dd>
                                                    <dd>抗氧化</dd>
                                                </dl>
                                                <dl>
                                                    <dt>紧致</dt>
                                                    <dd>淡化细纹</dd>
                                                    <dd>提拉紧致</dd>
                                                </dl>
                                            </div>
                                            <div class="left-l">
                                                <dl>
                                                    <dt>保湿</dt>
                                                    <dd>舒缓</dd>
                                                    <dd>保湿补水</dd>
                                                </dl>
                                                <dl>
                                                    <dt>清洁</dt>
                                                    <dd>去角质</dd>
                                                    <dd>卸妆清洁</dd>
                                                </dl>
                                                <dl>
                                                    <dt>美白</dt>
                                                    <dd>淡斑</dd>
                                                    <dd>提亮肤色</dd>
                                                    <dd>淡化黑眼圈</dd>
                                                </dl>
                                                <dl>
                                                    <dt>底妆修容</dt>
                                                    <dd>提亮肤色</dd>
                                                    <dd>遮瑕</dd>
                                                    <dd>隔离</dd>
                                                </dl>
                                            </div>
                                            <div class="left-l">
                                                <dl>
                                                    <dt>防晒</dt>
                                                    <dd>防晒</dd>
                                                    <dd>晒后修护</dd>
                                                </dl>
                                                <dl>
                                                    <dt>控油</dt>
                                                    <dd>细致毛孔</dd>
                                                    <dd>祛痘</dd>
                                                </dl>
                                                <dl>
                                                    <dt>百变妆容</dt>
                                                    <dd>炫色金属</dd>
                                                    <dd>魅惑哑光</dd>
                                                    <dd>亮泽水光</dd>
                                                    <dd>清新自然</dd>
                                                </dl>
                                            </div>
                                        </div>
                                        <div class="showbottom fl">
                                            <ul class="listimg">
                                                <li><img src="./image/dior_144X60.png" alt=""></li>
                                                <li><img src="./image/nuxe_144X60.png" alt=""></li>
                                                <li><img src="./image/skii_144X60.png" alt=""></li>
                                                <li><img src="./image/fresh_144X60.png" alt=""></li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="showright fr">
                                        <a href=""><img src="./image/hp_tiffany_20181102.jpg" alt=""></a>
                                    </div>
                                </div>
                                <div class="showbox main clearFix">
                                    <div class="showleft fl">
                                        <div class="showTitle fl">
                                            <h1>护肤</h1>
                                        </div>
                                        <div class="showcontent fl">
                                            <div class="left-l">
                                                <dl>
                                                    <dt>美白</dt>
                                                    <dd>妆前乳</dd>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                </dl>
                                                <dl>
                                                    <dt>美白</dt>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                </dl>
                                                <dl>
                                                    <dt>美白</dt>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                </dl>
                                            </div>
                                            <div class="left-l">
                                                <dl>
                                                    <dt>美白</dt>
                                                    <dd>淡斑</dd>
                                                </dl>
                                            </div>
                                            <div class="left-l">
                                                <dl>
                                                    <dt>美白</dt>
                                                    <dd>淡斑</dd>
                                                </dl>
                                            </div>
                                        </div>
                                        <div class="showbottom fl">
                                            <ul class="listimg">
                                                <li><img src="./image/dior_144X60.png" alt=""></li>
                                                <li><img src="./image/nuxe_144X60.png" alt=""></li>
                                                <li><img src="./image/skii_144X60.png" alt=""></li>
                                                <li><img src="./image/fresh_144X60.png" alt=""></li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="showright fr">
                                        <a href=""><img src="./image/hp_navigationskin_20210318.jpg" alt=""></a>
                                    </div>
                                </div>
                                <div class="showbox main clearFix">
                                    <div class="showleft fl">
                                        <div class="showTitle fl">
                                            <h1>彩妆</h1>
                                        </div>
                                        <div class="showcontent fl">
                                            <div class="left-l">
                                                <dl>
                                                    <dt>美白</dt>
                                                    <dd>妆前乳</dd>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                </dl>
                                                <dl>
                                                    <dt>美白</dt>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                </dl>
                                                <dl>
                                                    <dt>美白</dt>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                </dl>
                                            </div>
                                            <div class="left-l">
                                                <dl>
                                                    <dt>美白</dt>
                                                    <dd>淡斑</dd>
                                                </dl>
                                            </div>
                                            <div class="left-l">
                                                <dl>
                                                    <dt>美白</dt>
                                                    <dd>淡斑</dd>
                                                </dl>
                                            </div>
                                        </div>
                                        <div class="showbottom fl">
                                            <ul class="listimg">
                                                <li><img src="./image/dior_144X60.png" alt=""></li>
                                                <li><img src="./image/nuxe_144X60.png" alt=""></li>
                                                <li><img src="./image/skii_144X60.png" alt=""></li>
                                                <li><img src="./image/fresh_144X60.png" alt=""></li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="showright fr">
                                        <a href=""><img src="./image/hp_navigationmu_20210304.jpg" alt=""></a>
                                    </div>
                                </div>
                                <div class="showbox main clearFix">
                                    <div class="showleft fl">
                                        <div class="showTitle fl">
                                            <h1>香水</h1>
                                        </div>
                                        <div class="showcontent fl">
                                            <div class="left-l">
                                                <dl>
                                                    <dt>美白</dt>
                                                    <dd>妆前乳</dd>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                </dl>
                                                <dl>
                                                    <dt>美白</dt>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                </dl>
                                                <dl>
                                                    <dt>美白</dt>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                </dl>
                                            </div>
                                            <div class="left-l">
                                                <dl>
                                                    <dt>美白</dt>
                                                    <dd>淡斑</dd>
                                                </dl>
                                            </div>
                                            <div class="left-l">
                                                <dl>
                                                    <dt>美白</dt>
                                                    <dd>淡斑</dd>
                                                </dl>
                                            </div>
                                        </div>
                                        <div class="showbottom fl">
                                            <ul class="listimg">
                                                <li><img src="./image/dior_144X60.png" alt=""></li>
                                                <li><img src="./image/nuxe_144X60.png" alt=""></li>
                                                <li><img src="./image/skii_144X60.png" alt=""></li>
                                                <li><img src="./image/fresh_144X60.png" alt=""></li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="showright fr">
                                        <a href=""><img src="./image/hp_tiffany_20181102.jpg" alt=""></a>
                                    </div>
                                </div>
                                <div class="showbox main clearFix">
                                    <div class="showleft fl">
                                        <div class="showTitle fl">
                                            <h1>工具</h1>
                                        </div>
                                        <div class="showcontent fl">
                                            <div class="left-l">
                                                <dl>
                                                    <dt>美白</dt>
                                                    <dd>妆前乳</dd>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                </dl>
                                                <dl>
                                                    <dt>美白</dt>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                </dl>
                                                <dl>
                                                    <dt>美白</dt>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                </dl>
                                            </div>
                                            <div class="left-l">
                                                <dl>
                                                    <dt>美白</dt>
                                                    <dd>淡斑</dd>
                                                </dl>
                                            </div>
                                            <div class="left-l">
                                                <dl>
                                                    <dt>美白</dt>
                                                    <dd>淡斑</dd>
                                                </dl>
                                            </div>
                                        </div>
                                        <div class="showbottom fl">
                                            <ul class="listimg">
                                                <li><img src="./image/dior_144X60.png" alt=""></li>
                                                <li><img src="./image/nuxe_144X60.png" alt=""></li>
                                                <li><img src="./image/skii_144X60.png" alt=""></li>
                                                <li><img src="./image/fresh_144X60.png" alt=""></li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="showright fr">
                                        <a href=""><img src="./image/hp_navigationtool_20210225.jpg" alt=""></a>
                                    </div>
                                </div>
                                <div class="showbox main clearFix">
                                    <div class="showleft fl">
                                        <div class="showTitle fl">
                                            <h1>男士</h1>
                                        </div>
                                        <div class="showcontent fl">
                                            <div class="left-l">
                                                <dl>
                                                    <dt>美白</dt>
                                                    <dd>妆前乳</dd>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                </dl>
                                                <dl>
                                                    <dt>美白</dt>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                </dl>
                                                <dl>
                                                    <dt>美白</dt>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                </dl>
                                            </div>
                                            <div class="left-l">
                                                <dl>
                                                    <dt>美白</dt>
                                                    <dd>淡斑</dd>
                                                </dl>
                                            </div>
                                            <div class="left-l">
                                                <dl>
                                                    <dt>美白</dt>
                                                    <dd>淡斑</dd>
                                                </dl>
                                            </div>
                                        </div>
                                        <div class="showbottom fl">
                                            <ul class="listimg">
                                                <li><img src="./image/dior_144X60.png" alt=""></li>
                                                <li><img src="./image/nuxe_144X60.png" alt=""></li>
                                                <li><img src="./image/skii_144X60.png" alt=""></li>
                                                <li><img src="./image/fresh_144X60.png" alt=""></li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="showright fr">
                                        <a href=""><img src="./image/hp_navigationmen_20210311.jpg" alt=""></a>
                                    </div>
                                </div>
                                <div class="showbox main clearFix">
                                    <div class="showleft fl">
                                        <div class="showTitle fl">
                                            <h1>洗浴护体</h1>
                                        </div>
                                        <div class="showcontent fl">
                                            <div class="left-l">
                                                <dl>
                                                    <dt>美白</dt>
                                                    <dd>妆前乳</dd>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                </dl>
                                                <dl>
                                                    <dt>美白</dt>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                </dl>
                                                <dl>
                                                    <dt>美白</dt>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                </dl>
                                            </div>
                                            <div class="left-l">
                                                <dl>
                                                    <dt>美白</dt>
                                                    <dd>淡斑</dd>
                                                </dl>
                                            </div>
                                            <div class="left-l">
                                                <dl>
                                                    <dt>美白</dt>
                                                    <dd>淡斑</dd>
                                                </dl>
                                            </div>
                                        </div>
                                        <div class="showbottom fl">
                                            <ul class="listimg">
                                                <li><img src="./image/dior_144X60.png" alt=""></li>
                                                <li><img src="./image/nuxe_144X60.png" alt=""></li>
                                                <li><img src="./image/skii_144X60.png" alt=""></li>
                                                <li><img src="./image/fresh_144X60.png" alt=""></li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="showright fr">
                                        <a href=""><img src="./image/hp_navigationbody_20210318.jpg" alt=""></a>
                                    </div>
                                </div>
                                <div class="showbox main clearFix">
                                    <div class="showleft fl">
                                        <div class="showTitle fl">
                                            <h1>美发护发</h1>
                                        </div>
                                        <div class="showcontent fl">
                                            <div class="left-l">
                                                <dl>
                                                    <dt>美白</dt>
                                                    <dd>妆前乳</dd>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                </dl>
                                                <dl>
                                                    <dt>美白</dt>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                </dl>
                                                <dl>
                                                    <dt>美白</dt>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                </dl>
                                            </div>
                                            <div class="left-l">
                                                <dl>
                                                    <dt>美白</dt>
                                                    <dd>淡斑</dd>
                                                </dl>
                                            </div>
                                            <div class="left-l">
                                                <dl>
                                                    <dt>美白</dt>
                                                    <dd>淡斑</dd>
                                                </dl>
                                            </div>
                                        </div>
                                        <div class="showbottom fl">
                                            <ul class="listimg">
                                                <li><img src="./image/dior_144X60.png" alt=""></li>
                                                <li><img src="./image/nuxe_144X60.png" alt=""></li>
                                                <li><img src="./image/skii_144X60.png" alt=""></li>
                                                <li><img src="./image/fresh_144X60.png" alt=""></li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="showright fr">
                                        <a href=""><img src="./image/hp_navigationhair_20210121.jpg" alt=""></a>
                                    </div>
                                </div>
                                <div class="showbox main clearFix">
                                    <div class="showleft fl">
                                        <div class="showTitle fl">
                                            <h1>肤食</h1>
                                        </div>
                                        <div class="showcontent fl">
                                            <div class="left-l">
                                                <dl>
                                                    <dt>美白</dt>
                                                    <dd>妆前乳</dd>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                </dl>
                                                <dl>
                                                    <dt>美白</dt>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                </dl>
                                                <dl>
                                                    <dt>美白</dt>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                    <dd>淡斑</dd>
                                                </dl>
                                            </div>
                                            <div class="left-l">
                                                <dl>
                                                    <dt>美白</dt>
                                                    <dd>淡斑</dd>
                                                </dl>
                                            </div>
                                            <div class="left-l">
                                                <dl>
                                                    <dt>美白</dt>
                                                    <dd>淡斑</dd>
                                                </dl>
                                            </div>
                                        </div>
                                        <div class="showbottom fl">
                                            <ul class="listimg">
                                                <li><img src="./image/dior_144X60.png" alt=""></li>
                                                <li><img src="./image/nuxe_144X60.png" alt=""></li>
                                                <li><img src="./image/skii_144X60.png" alt=""></li>
                                                <li><img src="./image/fresh_144X60.png" alt=""></li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="showright fr">
                                        <a href=""><img src="./image/hp_navigationfood_20190829.jpg" alt=""></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <ul class="c-nav">
                        <li><a href="">畅销榜单</a></li>
                        <li><a href="">独家发售</a></li>
                        <li><a href="">礼物套装</a></li>
                        <li><a href="">全部品牌</a></li>
                        <li><a href="">预约中心</a></li>
                    </ul>
                    <img src="./image/navigation_shopping.png" alt="" class="nav-img fr">
                </div>
               
            </div>
        </div>

        <div class="SepProduct clearFix main">
            <div class="mainCenter main clearFix">
                <!-- 导航栏 -->
                <div class="crumbs">
                    <div class="crumbs">
                        <div><a href="">首页</a></div>
                        <div> &gt; </div>
                        <div><a href="">香水</a></div>
                        <div> &gt; </div>
                        <div><a href="">女士</a></div>
                        <div> &gt; </div>
                        <div><a href="">浓香</a></div>
                        <div> &gt; </div>
                        <div><a href="">阿玛尼</a></div>
                        <div> &gt; </div>
                        <div>阿玛尼迷情挚爱女士香水</div>
                    </div>
                </div>
                <div class="productImageChange clearFix">
                    <div class="middleimg">
                        <img src="./image/fangdajin1.jpg" alt="" class="picture pos-a">
                        <div class="middleArea"></div>
                    </div>
                    <div class="smallimg clearFix">
                        <div class="Arrow">
                            <div class="leftArrow cant"></div>
                        </div>
                        <ul class="picture">
                            <li><img src="./image/1_n_10175_50x50.jpg" class="noOpacity"></li>
                            <li><img src="./image/2_n_10175_50x50.jpg" class=""></li>
                            <li></li>
                            <li></li>
                            <li></li>
                        </ul>
                        <div class="Arrow">
                            <div class="rightArrow cant"></div>
                        </div>
                    </div>
                </div>
                <div class="productMainmsg clearFix">
                    <div class="title fl">
                        <div class="testBox fl">
                            <h1>圣罗兰自由至上女士香水 </h1>
                            <p>YVES SAINT LAURENT LIBRE EAU DE PARFUM</p>
                            <p class="pricetxt">价值：1380，优惠折扣：18%</p>
                        </div>
                        <img class="logo" src="./image/ysl_144X60.png">
                    </div>
                    <div class="Price fl">
                        <span class="one">价格</span>
                        <span class="two ">￥</span>
                        <span class="three">1130</span>
                        <span class="six">价值</span>
                        <span class="ten">1380</span>
                        <ul>
                            <li class="newTag">新品</li>
                        </ul>
                    </div>
                    <div class="producttype fl">
                        <p class="type">规格</p>
                        <ul class="boxList">
                            <li class="current"><span>50ml套装</span></li>
                            <li><span>30ml</span></li>
                            <li><span>50ml</span> </li>
                            <li><span>30ml套装</span> </li>
                            <li><span>50ml套装</span> </li>
                            <li><span>30ML套装</span></li>
                        </ul>
                    </div>
                    <div class="numberAndLimit fl clearFix">
                        <div class="number">
                            <div class="numberBox"><input type="text" class="txt20" value="1"></div>
                            <div class="arrow">
                                <div class="topArrow">
                                    <div class="icon1"></div>
                                </div>
                                <div class="bottomArrow">
                                    <div class="icon2"></div>
                                </div>
                            </div>
                        </div>
                        <div class="limit">(每人限购5件)</div>
                    </div>
                    <div class="lastButton clearFix fl">
                        <div class="addCart">
                            <p>加入购物车</p>
                            <div class="icon"></div>
                        </div>
                    </div>
                </div>
                <div class="bigArea">
                    <img src="./image/1_n_10175_1200x1200.jpg" alt="" class="bigimg">
                </div>
            </div>






            <div class="guessyoulike main clearFix fl">
                <div class="title">
                    <h1 class="tit-left">猜你喜欢</h1>
                </div>
                <div class="products">
                    <div>
                        <a href="">
                            <img src="./image/1_n_06346_280x280.jpg" class="productImg">
                            <p class="header">YSL</p>
                            <div class="blackLine"></div>
                            <div class="mainText">圣罗兰反转巴黎女士花溢香水</div>
                            <div class="price"><span style="float: left; font-size: 12px;">￥770.00</span></div>
                        </a>
                    </div>

                    <div>
                        <a href="">
                            <img src="./image/1_n_06817_280x280.jpg" class="productImg">
                            <p class="header">YSL</p>
                            <div class="blackLine"></div>
                            <div class="mainText">阿玛尼迷情挚爱女士香水(浓情版)</div>
                            <div class="price"><span style="float: left; font-size: 12px;">￥770.00</span></div>
                        </a>
                    </div>
                    <div>
                        <a href="">
                            <img src="./image/1_n_06991_280x280.jpg" class="productImg">
                            <p class="header">YSL</p>
                            <div class="blackLine"></div>
                            <div class="mainText">圣罗兰反转巴黎女士香水</div>
                            <div class="price"><span style="float: left; font-size: 12px;">￥770.00</span></div>
                        </a>
                    </div>
                    <div>
                        <a href="">
                            <img src="./image/1_n_09585_280x280.jpg" class="productImg">
                            <p class="header">YSL</p>
                            <div class="blackLine"></div>
                            <div class="mainText">古驰追忆香氛</div>
                            <div class="price"><span style="float: left; font-size: 12px;">￥770.00</span></div>
                        </a>
                    </div>

                    <div>
                        <a href="">
                            <img src="./image/1_n_10137_280x280.jpg" class="productImg">
                            <p class="header">YSL</p>
                            <div class="blackLine"></div>
                            <div class="mainText">宝格丽欢沁玫香女士香水</div>
                            <div class="price"><span style="float: left; font-size: 12px;">￥770.00</span></div>
                        </a>
                    </div>
                    <div>
                        <a href="">
                            <img src="./image/1_n_10204_280x280.jpg" class="productImg">
                            <p class="header">YSL</p>
                            <div class="blackLine"></div>
                            <div class="mainText">圣罗兰自由至上女士香水（圣诞版)</div>
                            <div class="price"><span style="float: left; font-size: 12px;">￥770.00</span></div>
                        </a>
                    </div>
                    <div>
                        <a href="">
                            <img src="./image/1_n_10000_280x280.jpg" class="productImg">
                            <p class="header">YSL</p>
                            <div class="blackLine"></div>
                            <div class="mainText">阿玛尼迷情挚爱女士香水</div>
                            <div class="price"><span style="float: left; font-size: 12px;">￥770.00</span></div>
                        </a>
                    </div>
                    <div>
                        <a href="">
                            <img src="./image/1_n_10362_280x280.jpg" class="productImg">
                            <p class="header">YSL</p>
                            <div class="blackLine"></div>
                            <div class="mainText">蔻依玲珑玫瑰香女士香水</div>
                            <div class="price"><span style="float: left; font-size: 12px;">￥770.00</span></div>
                        </a>
                    </div>
                    <div>
                        <a href="">
                            <img src="./image/1_n_10231_280x280.jpg" class="productImg">
                            <p class="header">YSL</p>
                            <div class="blackLine"></div>
                            <div class="mainText">圣罗兰黑色奥飘茗女士香水</div>
                            <div class="price"><span style="float: left; font-size: 12px;">￥770.00</span></div>
                        </a>
                    </div>
                    <div>
                        <a href="">
                            <img src="./image/1_n_10185_280x280.jpg" class="productImg">
                            <p class="header">YSL</p>
                            <div class="blackLine"></div>
                            <div class="mainText">古驰罪爱粉香水</div>
                            <div class="price"><span style="float: left; font-size: 12px;">￥770.00</span></div>
                        </a>
                    </div>
                </div>

            </div>
            <div class="MainModule">
                <div id="rightMainNav" class="nav">
                    <ul>
                        <li class="now">基本信息</li>
                        <li>美印社区</li>
                        <li>所有评论</li>
                        <li>产品咨询</li>
                        <li>配送信息</li>
                    </ul>
                </div>
                <div class="leftMain">
                    <div class="details">
                        <ul>
                            <li>适用人群: 女士</li>
                            <li>香感: 芬芳感</li>
                            <li>香调: 花香调</li>
                            <li>香型: 香水</li>
                            <li>包装: 喷雾型</li>
                            <li>适用场合: 派对/舞会/约会/职场</li>
                            <li>规格: 50ml套装</li>
                            <li>货号: VS1017449</li>
                        </ul>
                        <div class="giftMessage clearFix">
                            <div class="ModuleCETitle clearFix">
                                <p>套装详情</p>
                                <p></p>
                                <div class="shortLine"></div>
                            </div>
                            <div class="giftMessage-salable clearFix">
                                <div class="giftMessage-salable-title">
                                    <p>主品</p>
                                </div>
                                <div class="giftMessage-salable-content">
                                    <div class="content-main">
                                        <img src="./image/1_n_08246_150x150.jpg">
                                        <div class="content-main-txt">
                                            <p class="brandName"> YSL </p>
                                            <span class="skuName" ">圣罗兰自由至上女士香水 50ml</p>
                                            <div class=" giftMessage-price">
                                                <div class="sku">
                                                    <span class="fs12">￥1130.00</span>
                                                    <span>X1</span>
                                                </div>

                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="giftMessage-content">
                                <div class="giftMessage-salable-title">
                                    <p>赠品</p>
                                </div>
                                <div class="giftMessage-salable-content">
                                    <div class="giftMessage-salable-content-main">
                                        <img src="./image/1_n_10177_150x150.jpg">
                                        <div class="txt">
                                            <span class="skuName" "> 圣罗兰自由之水红色香 水盒 </span>
                                        <span class=" skuNum">X1</span>
                                        </div>
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>
                <div class="skuPlace clearFix fl">
                    <ul>
                        <li>
                            <div class="title">
                                <div class="icon"></div>
                                <p>产品描述</p>
                            </div>
                            <div class="text fs12">
                                <p>摩洛哥的橙花与法国薰衣草的奇妙碰撞，香气性感冷艳</p>
                            </div>
                        </li>
                        <li>
                            <div class="title">
                                <div class="icon"></div>
                                <p>产地</p>
                            </div>
                            <div class="text fs12">法国</div>
                        </li>
                    </ul>
                </div>
                <div class="PDI clearFix">
                    <ul class="clearFix">
                        <li><img class="lazy" data-original="./image/OP988682_01.jpg"></li>
                        <li><img class="lazy" data-original="./image/OP988682_05.jpg"></li>
                        <li><img class="lazy" data-original="./image/OP988682_06.jpg" alt=""></li>
                        <li><img class="lazy" data-original="./image/OP988682_07.jpg" alt=""></li>
                        <li><img class="lazy" data-original="./image/OP988682_08.jpg" alt=""></li>
                        <li><img class="lazy" data-original="./image/OP988682_09.jpg" alt=""></li>
                        <li><img class="lazy" data-original="./image/OP988682_13.jpg" alt=""></li>
                    </ul>
                </div>
                <div class="related-posts">
                    <div class="ModuleCETitle clearFix">
                        <p>美印社区</p>
                        <p>RELATED&amp;POSTS</p>
                        <div class="shortLine"></div>
                    </div>
                    <div class="postcon clearFix">
                        <div class="leftArrow fl"></div>
                        <div class="postList clearFix fl">
                            <figure>
                                <img src="./image/7Ahej7ngV_250x250.jpeg" alt="">
                                <figcaption>
                                    <p class="txt">#YSL丝芙兰两周年#少女时喜欢甜甜的果香🍇
                                        如同恋爱一般，成熟后想用浓烈的花香🌼增强气场提
                                        高质感，而「LIBRE」...</p>
                                    <p class="headimg">
                                        <em><img src="./image/132.jpg" alt=""></em>
                                        <span>isha</span>
                                        <span>149天前</span>
                                    </p>
                                </figcaption>
                            </figure>
                            <figure>
                                <img src="./image/DTGpWYLHD_250x250.jpeg" alt="">
                                <figcaption>
                                    <p class="txt">#爱意 一触释放#瓶身很漂亮。
                                        YSL特意对黑色瓶盖做了切割般的不对称处理，犹如自家高定的利落剪裁。这种剪裁尤其见于令YS...</p>
                                    <p class="headimg">
                                        <em><img src="./image/132.jpg" alt=""></em>
                                        <span>美丽大不同</span>
                                        <span>229天前</span>
                                    </p>
                                </figcaption>
                            </figure>
                            <figure>
                                <img src="./image/LtXZLRtHi_250x250.jpeg" alt="">
                                <figcaption>
                                    <p class="txt">#丝家臻探寻宝记#嗨嗨，为YSL这款自由至上香水打Call，吸第
                                        一口橙花的香气，曼妙舒适，挣脱束缚，做最好的自己！还有她...</p>
                                    <p class="headimg">
                                        <em><img src="./image/132.jpg" alt=""></em>
                                        <span>爱美美哒</span>
                                        <span>303天前</span>
                                    </p>
                                </figcaption>
                            </figure>
                        </div>
                        <div class="rightArrow fl"></div>
                    </div>
                </div>
                <div class="comments">
                    <div class="ModuleCETitle clearFix">
                        <p>商品评论</p>
                        <p>COMMENTS</p>
                        <div class="shortLine"></div>
                    </div>
                    <div class="titleTab">
                        <div class="points">
                            <div class="header">好评度</div>
                            <div class="nowPoint">4</div>
                            <div class="star">
                                <div class="grayStar"></div>
                                <div class="redStar"></div>
                            </div>
                        </div>
                    </div>
                    <div class="main clearFix fl">
                        <ul class="listModule clearFix">
                            <li class="fl">
                                <div class="userinfo fl">
                                    <img src="./image/132 (1).jpg" alt="">
                                    <div class="name">雯雯</div>
                                </div>
                                <div class="talk fl">
                                    <p>特殊的香味，可以愉悦自己</p>
                                    <p class="time fr">2021-03-12</p>
                                </div>
                            </li>
                            <li class="fl">
                                <div class="userinfo fl">
                                    <img src="./image/132 (1).jpg" alt="">
                                    <div class="name">Madison</div>
                                </div>
                                <div class="talk fl">
                                    <p>真的很高级的香味</p>
                                    <p class="time fr">2021-03-12</p>
                                </div>
                            </li>
                            <li class="fl">
                                <div class="userinfo fl">
                                    <img src="./image/132 (1).jpg" alt="">
                                    <div class="name">雯雯</div>
                                </div>
                                <div class="talk fl">
                                    <p>味道很浓，很适合约会逛街喷，到了上班的地方味道还是挺明显的！</p>
                                    <p class="time fr">2021-03-12</p>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>




                <div class=" question clearFix" id="fifth_question">
                    <div class="ModuleCETitle clearFix">
                        <p>产品咨询</p>
                        <p>Q&amp;A</p>
                        <div class="shortLine"></div>
                    </div>
                    <div class="mySay">
                        <div class="NoMySay">
                            <div class="questionIcon"></div>
                            <p>有疑问, 来发布第一个问题吧~</p>
                        </div>
                        <div class="button frM0">我要咨询</div>
                    </div>
                </div>
                <div class="payLogistic clearFix" id="second_payLogistic">
                    <div class="ModuleCETitle clearFix">
                        <p>支付及配送</p>
                        <p>PAYMENT&amp;SHIPPING</p>
                        <div class="shortLine"></div>
                    </div>
                    <div class="mainText clearFix">
                        <p class="title">选择支付方式</p>
                        <p class="smallTitle">目前我们提供以下1种支付方式</p>
                        <ul>
                            <li class="type">1. 在线支付</li>
                            <li class="main">支持支付宝、微信、及目前市场所有主流银行卡的在线支付。请在确认订单后选择相应支付界面进行支付。
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="price clearFix">
                    <div class="ModuleCETitle clearFix">
                        <p>价格声明</p>
                        <p>PRICE STATEMENT</p>
                        <div class="shortLine"></div>
                    </div>
                    <p>本店商品标注的促销价，为此商品的实际售价。本店标注的其他价格信息，如划线价、专柜价、建议零售价、价值等，为仅供消费者参考的市场价格信息，来源为有关商品实体店的柜台售价、品牌方建议零售价或者根据有关商品正装产品售价和容量推算的价值等，便于您了解市场行情和价格变动。但是，由于地区、时间和行情波动因素，这些价格的实际情况可能与本店标注的其他价格信息有所不同。
                    </p>
                </div>
                <div class="return clearFix">
                    <div class="ModuleCETitle clearFix">
                        <p>退换货规定</p>
                        <p>RETURN PROVISIONS</p>
                        <div class="shortLine"></div>
                    </div>
                    <div class="rule clearFix">
                        <ul>
                            <li>1. 我们不接受包装盒已被开封的商品的退换货（商品外包装盒上的透明封装胶纸已被撕开同样视为开封），请您谅解！</li>
                            <li>2. 所有未开封的商品如需退换请于签收日算起14日内办理，退货收到并确认无误后于一周内办理退款。</li>
                            <li>3. 如您需整单退换，请您务必将当次订单中所有商品（包括免费赠品、包装礼盒）全部退回。</li>
                            <li>4. 因顾客自身原因造成退换货时，由顾客承担商品退回时的邮资和再次发送时的运费。</li>
                            <li>5. 如该商品曾被积分，退货后，该笔金额产生的积分将被从积分数中扣除。</li>
                            <li>6.
                                如您希望调换其它等价商品，请您先为需要退回的订单办理退货，我们收到退货并确认无误后，将为您发送新的商品。若您希望调换的为非等价商品，请您先为您的订单办理退货及退款，然后至网站另行订购您喜欢的其它商品，我们将另行发送。
                            </li>
                            <li>7. 如您在使用了于丝芙兰网站购买的产品后出现过敏症状，在提供相关医院出具的有效证明后，我们将接受此产品的退货。</li>
                        </ul>
                    </div>
                </div>
                <div class="reminds clearFix">
                    <div class="rule clearFix">
                        <ul>
                            <li style="color: rgb(51, 51, 51); font-weight: 600;">消费提醒</li>
                            <li>国家药监局提示您：请正确认识化妆品功效，化妆品不能替代药品，不能治疗皮肤病等疾病。</li>
                            <li>国家药监局提示您：宣称用于祛斑美白、防晒、染发、烫发等的化妆品为特殊用途化妆品，产品标签上应标注‘国妆特字’或者‘国妆特进字’的批准文号。
                            </li>
                        </ul>
                    </div>
                </div>

            </div>
        </div>

    </section>
    <footer class="footer">
        <div class="info main">
            <div class="info-content clearFix">
                <div class="footer-info-ico">
                    <em class="ico-1"></em>
                    <span class="ico-cn">顺丰EMS速达</span>
                    <span class="info-split"></span>
                </div>

                <div class="footer-info-ico">
                    <em class="ico-2"></em>
                    <span class="ico-cn">丰富礼赠</span>
                    <span class="info-split"></span>
                </div>
                <div class="footer-info-ico">
                    <em class="ico-3"></em>
                    <span class="ico-cn">100%官方正品</span>
                    <span class="info-split"></span>
                </div>
                <div class="footer-info-ico">
                    <em class="ico-4"></em>
                    <span class="ico-cn">无障碍退款</span>
                    <span class="info-split"></span>
                </div>
                <div class="footer-info-ico">
                    <em class="ico-5"></em>
                    <span class="ico-cn">安全支付</span>
                </div>
            </div>
        </div>
        <div class="map main">
            <div class="map-content">
                <dl>
                    <dt><a href="">购物流程</a></dt>
                    <dd><a href="">大宗采购/团购</a></dd>
                    <dd><a href="">丝芙兰预付卡章程</a></dd>
                </dl>
                <dl>
                    <dt><a href="">支付/配送</a></dt>
                    <dd><a href="">在线支付</a></dd>
                    <dd><a href="">配送时间</a></dd>
                </dl>
                <dl>
                    <dt><a href="">售后服务</a></dt>
                    <dd><a href="">退换货规定</a></dd>
                    <dd><a href="">退换及退款说明</a></dd>
                </dl>
                <dl>
                    <dt><a href="">关于丝芙兰</a></dt>
                    <dd><a href="">公司介绍</a></dd>
                    <dd><a href="">联系我们</a></dd>
                    <dd style="cursor: pointer;"><a href="">隐私政策</a></dd>
                </dl>
                <dl>
                    <dt><a href="">网上订购咨询热线 : 400 6700055</a></dt>
                </dl>
            </div>
        </div>
        <div class="footerbottom">
            <div class=" f-conten">
                <ul class="f-list">
                    <li>
                        <a href="" class="records">沪公网安备 31010602003121号</a>
                        <a href="">ICP备案序号:沪ICP备05026645号</a>
                        <a href="">食品经营许可证</a>
                        <a href="">网站使用条款</a>
                        <a href="">严正声明</a>
                    </li>
                    <li>
                        本网站隶属于丝芙兰（上海）化妆品销售有限公司
                        <span>
                            <a class="text" href="">企业法人营业执照
                            </a>
                        </span>
                        <a class="text" href="">预付卡信息对接唯一标识 :310101F5201530100309
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </footer>

    <script src="./js/topback.js"></script>
    <div class="fixRight">
        <ul class="fixRight-content">
            <li>
                <em class="toolbar_text">个人信息</em>
                <em class="sprite_toolbar"></em>
            </li>
            <li>
                <em class="toolbar_text">购物车</em>
                <em class="sprite_toolbar cart"></em>
            </li>
            <li>
                <em class="toolbar_text">联系客服</em>
                <em class="sprite_toolbar tel"></em>
            </li>
            <li>
                <em class="mysephora"><img src="./image/downQR.png"></em>
                <em class="sprite_toolbar wx"></em>
            </li>
            <li id="topback">
                <em class="toolbar_text">返回顶部</em>
                <em class="sprite_toolbar backtop"></em>
            </li>
        </ul>
    </div>

    <div class="fixedtop">
        <div id="fixedTopcon main">
            <div class="center main">
                <div class="nav">
                    <ul>
                        <li class="now">基本信息</li>
                        <li>美印社区</li>
                        <li>所有评论</li>
                        <li>产品咨询</li>
                        <li>配送信息</li>
                    </ul>
                </div>
                <div class="addToCartButton">
                    <p>加入购物车</p>
                    <div class="icon"></div>
                </div>
            </div>
        </div>
    </div>
</body>

</html>